JavaScript Style Guide 


Coding conventions are a set of guidelines that are & 
a to roe when writing a code for a 


c | N ; 


even a it is written by different people. 


Why Are Coding Conventions Important 


e Improve readability of code 
e Improve maintainability of code 


e Help detect errors easily 


Variable & Function Names 


e Use camelCase for variable and function names 


Wrong: 


let frurecount = © 
let fruit count = 9 


let FruitCount = 0 


Correct: 


let fruitCount = 0 | 


e All names should start with a letter 


Wrong: 


let 2array | 


Correct: 


let toArray | 


Operators 
We should always put spaces around operators, and after commas. 


Wrong: 


let x=y+z; 


const myArray=["apple","orange" ,"banana"] 


Correct: 


let x =y+zZ 
const myArray = ["apple", "orange", "banana" ] 


Code Indentation 
We should always use 2 spaces for indentation of code blocks. 
Wrong: 

if CiruTeCount. === 6) r7 


return "I have no fruits" 


5 


Correct: 


if .GhEUTeCOuME =—=1 0) 7 


return! L have no Lruats | 


5 


Statements 


e Put the opening bracket at the end of the first line and use one space 
before it 


Wrong: 


Te CErua tCount === ©) 4 
return "I have no fruits" 
t else{ 
return "I have enough fruits" 


if GChrdi te Count.—=— 0) 
t 
return "I have no fruits" 
t else 
t 
return "I have enough fruits" 


5 


Correct: 


if (iriatColinkg === ©), 2 
return "I have no fruits" 
t else 3} 
return "I have enough fruits" 


5 


e Put the closing bracket on a new line 


Wrong: 


while (fruitCount < 5) 3 


return "Buy more fruits"¢ 


Correct: 


While (fruitCount <5) 3 


return 


5 


Line Length 


We should avoid lines longer than 80 characters. If a statement does not fit 
on one line, break it after an operator or acomma. 


document. getElementById( 


$ 
Sentinel 


